<!DOCTYPE html>
<html>
<head>
    <title>黄雨秋的简历</title>
    <meta charset="UTF-8">
    <link rel="jinglit" href="jingli.html">
    <style type="text/css">
        body {
            background-image:url(i/简历背景.jpeg);
            background-size:100%;
            background-attachment: fixed;
        }
        
        #top {
            width:100%;
            height:200px;
        }
        
        div {
            width:60%;
            height:900px;
            background-color:rgba(255,255,255,0.5);
            font-weight:bold;
            position:relative;
            text-align:center;
            left:30%;
            border-radius:15px;
        }
        

        
        img {
            width:600px;
        }
        
        h2 {
            text-align:center;
            font-size:50px;
            font-famliy:'Times New Roman';
            color:rgba(26,25,24,0.7);
            border-color:rgba(0,0,0,0.3);
            border-width:5px;
            border-style:solid;
            border-radius:13px;
            background-color:rgba(255,255,255,0.7);
        }
        
        #content {
            width:16%;
            height:400px;
            position:fixed;
            background:rgba(255,255,255,0.6);
            top:240px;
            left:100px;
        }
        
        ul {
            position:relative;
            text-align:center;
            top:70px;
            list-style:none;
        }
        li {
            position:relative;
            height:70px;
            left:-20px;
        }
        a {
            text-decoration:none;
            font-size:28px;
            color:rgb(100,149,247);
        }
        
        #picture1 {
            width:300px;
            position:absolute;
            top:120px;
            left:80px;
            transform:rotate(10deg);
        }
         #picture2 {
            width:300px;
            position:absolute;
            top:120px;
            left:450px;
            transform:rotate(15deg);
        }
         #picture3 {
            width:300px;
            position:absolute;
            top:120px;
            left:800px;
            transform:rotate(-gdeg);
        }
        #my_photo {
            width:200px;
        }
        p{
            font-size:3dpx;
            color:rgb(100,149,247);
        }
        iframe{
            width:700px;
            height:640px;
            border:medium none;
        }
    </style>
    
</head>


<body>
    <img id="top" src="i/黄雨秋的简历.jpg"/>
    <div id="content">
        <ul>
            <li><a href="#chapter1">个人介绍</a></li>
            <li><a href="#chapter2">个人经历</a></li>
            <li><a href="#chapter3">风采展示</a></li>
        </ul>
    </div>
    
    <div>
        <h2 id="chapter1">个人介绍</h2>
        <img id="my_photo" src="i/头像.jpg"/>
        <p>姓名：黄雨秋</p>
        <p>性别：女 年龄：21</p>
        <p>电话：13237819770 邮箱：q244846618@163.com</p>
        <p>座右铭：行动胜于语言<br>
                    1、自学能力强，能快速接受新知识；<br>
                    2、具有面向对象设计思想，具备独立分析和解决问题的能力；<br>
                    2、有较好的团队协作和沟通能力，有强烈的责任心、较强的抗压能力。<br>
    </div>
 

  
    <div>
        
        <h2 id="chapter2">个人经历</h2>
        <iframe src="jingli.html" width="" height=""></iframe>
        
    </div>

    <div>
        <h2 id="chapter3">风采展示</h2>
        <img src="个人介绍.png"/>
    </div>
</body>
</ht